<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>案例</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<body>
    用户名:<input type="text" id='username'></input>
    <p id='result'></p>
    <script>
        $('input').eq(0).blur(function(){
            $.getJSON('http://127.0.0.1:8000/jqueryjsonp?callback=?',function(data){
                $('#result').html(`
                    名称:${data.name},
                    说了:${data.msg}
                `)
            })
        })

        //声明handle函数
        // function handle(data){
        //     // input.style.border = 'solid 1px #f00'
        //     // p.innerHTML=data.msg
        //     console.log(data)
        // }

        //绑定事件
    </script>
</body>
</html>